/*------------------------------------------------------------------//
//	RESPONSIVE SYSTEM												//
//------------------------------------------------------------------*/
@media screen and (min-width: 1200px) { /* PC 1200+  */
	.menuAc{display: none !important;}
}
@media screen and (max-width: 1199px) and (min-width:992px) {
	.menuAc{display: none !important;}
	header .bottom nav.menu ul li a {padding: 0 13px; font-size: 12px;}
	header .top .contact {margin: 1.9% 0;}
	header .top .social-media {margin: 3.45% 0;}
	#content .bars .bar .item article h3 {font-size: 14px;}
	#content .bars .bar .item article p {font-size: 12px;}
	#content .bars .bar .item article {padding: 15px;}
	#content .media .instagram ul li:nth-child(2) {top: 105px;}
	#content .media .instagram ul li:nth-child(5) {top: 105px;}
	#content .media .instagram ul li:nth-child(6) {top: 210px;}
	#content .media .instagram ul li:nth-child(7) {top: 210px;}
	#content .media .instagram ul li:nth-child(7):before {width: 30px; height: 30px; margin-left: -15px;}
	#content .media .instagram ul li:nth-child(7):after {font-size: 10px; line-height: 13px;}
	#content .media .instagram ul li:nth-child(8) {top: 313px;}
	#content .media .instagram ul li:nth-child(9) {top: 210px;}
	footer .social-media a {width: 125px;}
}
@media screen and (max-width: 991px) and (min-width:768px) { /* TABLET 768+ ~ 960 */
	.mContact .contact-footer a:nth-child(2){display: none !important;}
	.mContact .contact-footer{margin-top: 0px !important;}
	.mContact .social a:nth-child(5),.mContact .social a:nth-child(6){display: none !important;}
	.mContact .social a{font-size: 14px !important;}
	.mContact{opacity: 1; pointer-events: auto;}
	.mContact .social{padding-top:20px !important;}
	header .top .contact {display: none;}
	header .top .social-media {display: none;}
	header .bottom {display: none;}
	#content {margin-top: 20px;}
	#content .bars {margin-top: 0;}
	#content .bars .bar {width: 50%; float: left;}
	#content .media .video .video-list ul li {width: 33.33%; float: left;}
	#content .media .instagram {padding: 15px;}
	#content .media .instagram ul li {position: relative; top: 0 !important; left: 0 !important; float: left;}
	#content .media .instagram ul li figure {height: auto;}
	#content .blog ul .owl-controls {width: 100%; left: 0%;}
	#content .blog ul .owl-controls .owl-buttons div {background-color: #000; color: #FFF;}
	.map iframe {height: 250px;}
	footer .social-media {margin-top: -25px;}
	footer .social-media a {width: 15%; margin: 0 1%;}
	footer .column {margin-bottom: 15px; border-right: none; border-bottom: 1px solid #FFF;}
	footer .column.about figure {text-align: center;}
	footer .column.about figure img {width: 250px; display: inline-block;}
	footer .column.other-post ul li figure {width: 25%; float: left;}
	footer .column.other-post ul li article {width: 75%; float: left;}
	footer {margin-bottom: 75px !important;}
}
@media screen and (max-width: 767px) and (min-width:640px) { /* TABLET 640+ ~ 768 */
	.mContact .contact-footer a:nth-child(2){display: none !important;}
	.mContact .contact-footer{margin-top: 0px !important;}
	.mContact .social a:nth-child(5),.mContact .social a:nth-child(6){display: none !important;}
	.mContact .social a{font-size: 14px !important;}
	.mContact{opacity: 1; pointer-events: auto;}
	.mContact .social{padding-top:20px !important;}
	header .top .contact {display: none;}
	header .top .social-media {display: none;}
	header .bottom {display: none;}
	#content {margin-top: 20px;}
	#content .bars {margin-top: 0;}
	#content .bars .bar {width: 50%; float: left;}
	#content .media .video .video-list ul li {width: 33.33%; float: left;}
	#content .media .instagram {padding: 15px;}
	#content .media .instagram ul li {position: relative; top: 0 !important; left: 0 !important; float: left;}
	#content .media .instagram ul li figure {height: auto;}
	#content .blog ul .owl-controls {width: 100%; left: 0%;}
	#content .blog ul .owl-controls .owl-buttons div {background-color: #000; color: #FFF;}
	.map iframe {height: 250px;}
	footer .social-media {margin-top: -25px;}
	footer .social-media a {width: 15%; margin: 0 1%;}
	footer .column {margin-bottom: 15px; border-right: none; border-bottom: 1px solid #FFF;}
	footer .column.about figure {text-align: center;}
	footer .column.about figure img {width: 250px; display: inline-block;}
	footer .column.other-post ul li figure {width: 25%; float: left;}
	footer .column.other-post ul li article {width: 75%; float: left;}
	footer {margin-bottom: 75px !important;}
}
@media screen and (max-width: 639px) and (min-width:480px) { /* MOBILE 480+ ~ 640 */
	.mContact .contact-footer a:nth-child(2){display: none !important;}
	.mContact .contact-footer{margin-top: 0px !important;}
	.mContact .social a:nth-child(5),.mContact .social a:nth-child(6){display: none !important;}
	.mContact .social a{font-size: 14px !important;}
	.mContact{opacity: 1; pointer-events: auto;}
	.mContact .social{padding-top:20px !important;}
	header .top .contact {display: none;}
	header .top .social-media {display: none;}
	header .top .logo {text-align: left; padding: 0 15px !important;}
	header .top .logo img {width: 300px;}
	header .bottom {display: none;}
	#content {margin-top: 20px;}
	#content .bars {margin-top: 0;}
	#content .bars .bar {width: 100%; float: none;}
	#content .bars .bar .item article {position: relative;}
	#content .media .video .video-list ul li {width: 50%; float: left; padding: 5px !important;}
	#content .media .instagram {padding: 15px;}
	#content .media .instagram ul li {position: relative; top: 0 !important; left: 0 !important; float: left;}
	#content .media .instagram ul li figure {height: auto;}
	#content .blog ul li {margin: 0 5px;}
	#content .blog ul .owl-controls {width: 100%; left: 0%;}
	#content .blog ul .owl-controls .owl-buttons div {background-color: #000; color: #FFF;}
	.map iframe {height: 250px;}
	footer .social-media {margin-top: -25px;}
	footer .social-media a {width: 15%; margin: 0 1%;}
	footer .column {margin-bottom: 15px; border-right: none; border-bottom: 1px solid #FFF;}
	footer .column.about figure {text-align: center;}
	footer .column.about figure img {width: 250px; display: inline-block;}
	footer .column.other-post ul li figure {width: 25%; float: left;}
	footer .column.other-post ul li article {width: 75%; float: left;}
	footer {margin-bottom: 75px !important;}
}
@media screen and (max-width: 479px) and (min-width: 320px) { /* MOBILE 320+ ~ 480 */
	.mContact .contact-footer a:nth-child(2){display: none !important;}
	.mContact .contact-footer{margin-top: 0px !important;}
	.mContact .social a:nth-child(5),.mContact .social a:nth-child(6){display: none !important;}
	.mContact .social a{font-size: 17px !important;}
	.mContact .contact-footer a{margin-top:2px;font-size:20px !important; font-weight:bold;}
	.mContact{opacity: 1; pointer-events: auto;}
	.mContact .social{padding-top:20px !important;}
	header .top .contact {display: none;}
	header .top .social-media {display: none;}
	header .top .logo {text-align: left; padding: 0 15px !important;}
	header .top .logo img {width: 234px;}
	header .bottom {display: none;}
	#content {margin-top: 20px;}
	#content .bars {margin-top: 0;}
	#content .bars .bar {width: 100%; float: none;}
	#content .bars .bar .item article {position: relative;}
	#content .media .video .video-list ul li {width: 50%; float: left; padding: 5px !important;}
	#content .media .instagram {padding: 15px;}
	#content .media .instagram ul li {position: relative; top: 0 !important; left: 0 !important; float: left;}
	#content .media .instagram ul li figure {height: auto;}
	#content .blog ul li {margin: 0 5px;}
	#content .blog ul .owl-controls {width: 100%; left: 0%;}
	#content .blog ul .owl-controls .owl-buttons div {background-color: #000; color: #FFF;}
	.map iframe {height: 250px;}
	footer .social-media {margin-top: -25px;}
	footer .social-media a {width: 15%; margin: 0 1%;}
	footer .column {margin-bottom: 15px; border-right: none; border-bottom: 1px solid #FFF;}
	footer .column.about figure {text-align: center;}
	footer .column.about figure img {width: 250px; display: inline-block;}
	footer .column.other-post ul li figure {width: 25%; float: left;}
	footer .column.other-post ul li article {width: 75%; float: left;}
	footer {margin-bottom: 75px !important;}
	footer .menu{padding: 10px 0px !important; min-height: auto !important;}
	footer .menu a{color:#fff !important;}
}
@media screen and (max-width: 319px) and (min-width: 240px) { /* MOBILE 240+ ~ 320 */
	.mContact .contact-footer a:nth-child(2){display: none !important;}
	.mContact .contact-footer{margin-top: 0px !important;}
	.mContact .social a:nth-child(5),.mContact .social a:nth-child(6){display: none !important;}
	.mContact .social a{font-size: 14px !important;}
	.mContact{opacity: 1; pointer-events: auto;}
	.mContact .social{padding-top:20px !important;}
	header .top .contact {display: none;}
	header .top .social-media {display: none;}
	header .top .logo {text-align: left; padding: 0 15px !important;}
	header .top .logo img {width: 300px;}
	header .bottom {display: none;}
	#content {margin-top: 20px;}
	#content .bars {margin-top: 0;}
	#content .bars .bar {width: 100%; float: none;}
	#content .bars .bar .item article {position: relative;}
	#content .media .video .video-list ul li {width: 50%; float: left; padding: 5px !important;}
	#content .media .instagram {padding: 15px;}
	#content .media .instagram ul li {position: relative; top: 0 !important; left: 0 !important; float: left;}
	#content .media .instagram ul li figure {height: auto;}
	#content .blog ul li {margin: 0 5px;}
	#content .blog ul .owl-controls {width: 100%; left: 0%;}
	#content .blog ul .owl-controls .owl-buttons div {background-color: #000; color: #FFF;}
	.map iframe {height: 250px;}
	footer .social-media {margin-top: -25px;}
	footer .social-media a {width: 15%; margin: 0 1%;}
	footer .column {margin-bottom: 15px; border-right: none; border-bottom: 1px solid #FFF;}
	footer .column.about figure {text-align: center;}
	footer .column.about figure img {width: 250px; display: inline-block;}
	footer .column.other-post ul li figure {width: 25%; float: left;}
	footer .column.other-post ul li article {width: 75%; float: left;}
	footer {margin-bottom: 75px !important;}
}